<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html >
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0" />
<title>登陆界面</title>
<link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css">
<link rel="stylesheet" href="CSS.css">
<script src="https://cdn.bootcss.com/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<style>
	.col-md-4{
		margin:20px;
		margin-left:400px;
	}
</style>
</head>
 
<!--判断登录的时候输入信息提示  -->
<script type="text/javascript">
	function validateLogin() {
		var userName = document.frmLogin.username.value;
		var password = document.frmLogin.password.value;
		if ((userName == "") || (userName == "输入您的用户名")) {
			alert("请输入用户名!");
			return false;
		}
 
		if ((password == "") || (password == "输入您的密码")) {
			alert("请输入密码！");
			return false;
		}
	}
</script>
<body background="p2.jpg">
 
	<!--导航栏与中间部分间距-->
	<div class="container margin_top_h"></div>

 
	<!--中间模块 start-->
		<!--  <div class="row">-->
			<!--图片start-->
			<div class="col-md-8" style="background-color: 0; padding-bottom: 10px; padding-top: 10px">
				<div style="font-size: 50px; padding-left: 120px;padding-top: 30px;color:#ffffff; font-family:楷体;">
					登录账号
				</div>
 
			</div>
			<!--图片结束-->
 
			<!--登录pannel1 start-->
			<div class="col-md-4">
				<div class="panel panel-success">
					<div class="panel-heading">
						<h5>
							<span class="glyphicon glyphicon-lock"></span>
							登录
						</h5>
					</div>
					<div class="panel-body">
						<form action="checklogin.jsp" method="post" name="frmLogin">
							<input name="utf8" type="hidden" value="&#x2713;" />
							<input type="hidden" name="authenticity_token" value="v/7utWnxq8ErQFMzaeApAVnmzAQZvPUhnJL2YEuYFct4Y2uFKJsSn0sZJ3BhyKGKiSOFUpFmldz0RiKWcgQKSA==" />
							<div class="form-group" style="margin-left:50px">
								<label for="session_email">账号密码登陆</label>
								<div class="input-group">
									<div class="input-group-addon">
										<span class="glyphicon glyphicon-envelope"></span>
									</div>
									<input type="text" name="username" value="输入您的用户名" maxlength="16" onfocus="if(this.value == '输入您的用户名') this.value =''">
								</div>
							</div>
 
							<div class="form-group" style="margin-left:50px">
								<div class="input-group">
									<div class="input-group-addon">
										<span class="glyphicon glyphicon-lock"></span>
									</div>
									<input type="password" name="password" value="输入您的密码" maxlength="20" onfocus="if(this.value == '输入您的密码') this.value =''">
								</div>
							</div>
							<div style="margin-left:180px">
								<input type="submit" value="登录" onclick="return validateLogin()">
								<input type="button" value="注 册" onclick="window.open('register.jsp')">
							</div>
						</form>
					</div>
				</div>
 
			</div>
			<!--登录 pannel1 end-->
	<!-- </div> -->	
 
	<div class="row margin_bottom_h"></div>
 
	<div class="navbar navbar-default navbar-fixed-bottom"  style="font-size: 5px; padding-top:10px;">
		<footer class="container-fluid"> <br>
		<p class="text-center">Copyright © 5218 信息工程研究所</p>
		</footer>
	</div>
 
</body>
</html>